              <!-- 一级权限 -->
              <el-col :span="5">
                <el-tag closable @close="removeRightById(scope.row, item1.id)">{{ item1.authName}}</el-tag>
                <i class="el-icon-caret-right"></i>
              </el-col>


              <!-- 二级 -->
              <el-col :span="19">
                                              <!-- 通过for循环  嵌套  渲染二级权限 -->
                <el-row
                  :class="[i2 === 0 ? '' : 'bdtop', 'vcenter']"
                  v-for="(item2, i2) in item1.children"     <!--二级权限数组>
                  :key="item2.id"
                >
                  <el-col :span="6 ">
                    <el-tag
                      type="success"
                      closable
                      @close="removeRightById(scope.row, item2.id)"
                    >{{ item2.authName }}</el-tag>

                    <i class="el-icon-caret-right"></i>                 <!--箭头图标>
                  </el-col>
                            
                              <!-- 三级 -->
                  <el-col :span="18">
                    <el-tag
                      type="warning"
                      v-for="(item3) in item2.children"
                      :key="item3.id"

                      closable                                             //closable绑定删除标签，close事件处理函数
                      @close="removeRightById(scope.row, item3.id)"
                    >{{ item3.authName}}</el-tag>

                  </el-col>
                </el-row>
              </el-col>
            </el-row>
          </template>
        </el-table-column>
